<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>:target 选择器</title>
		<!-- 跳转选择器，配合a 标签 使用，跳转本页面的内容，时才会起作用： 
		     被跳转的目标对象 起作用
		-->
		<style type="text/css">
			:target{
				background: red;
			}
		</style>

	</head>
	<body>

		<p><a href="#id01">跳转到内容1</a></p>
		<p><a href="#id02">跳转到内容2</a></p>
        <p>1</p>
        <p>1</p>
        <p>1</p>
        <p>1</p>
        <p>1</p>
        <p>1</p>
		<p id="id01"><b>内容1</b></p>
		<p id="id02"><b>内容2</b></p>

	</body>
</html>
